
<template>
  <div>
    <div class="Addemp">
      <form action="" method="" enctype="multipart/form-data">
       <div class="add-left">
         <ul class="add-ul">
           <li>
             <span>编号</span>
            <a ><input type="text"></a>  
           </li>
           <li>
             <span>性别</span><a ><input type="radio" name="sex" value="0">男<input type="radio" name="sex" value="1">女</a>
           </li>
           <li>
             <span>电话</span><a ><input type="text"></a>
           </li>
           <li>
             <span>入职日期</span><a ><input type="text" value="年-月-日"></a>
           </li>
           <li>
             <span>职称</span><a ><select class="add-sele" >
                  <option disabled value="">请选择职称</option>
                  <option>A</option>
                  <option>B</option>
                  <option>C</option>
                  </select>
                  </a>
           </li>
           <li>
             <span>婚姻状况</span><a ><select  class="add-sele">
                  <option disabled value="">请选择婚姻状况</option>
                  <option>已婚</option>
                  <option>未婚</option>
                  </select>
                  </a>
           </li>
           <li>
             <span>籍贯</span><a ><input type="text" ></a>
           </li>
           <li>
             <span>所在地</span><a ><input type="text" ></a>
           </li>
           <li>
             <span>体重(KG)</span><a ><input type="text" ></a>
           </li>
           <li>
             <span>员工QQ</span><a ><input type="text" ></a>
           </li>
           <li>
             <span>工作经验</span><a ><textarea class="add-texta"></textarea></a>
           </li>
         </ul>
       </div>
       
       <div class="add-right">
         <ul class="add-ul">
           <li>
             <span>姓名</span>
            <a ><input type="text"></a>  
           </li>
           <li>
             <span>生日</span><a ><input type="text" value="年-月-日"></a>
           </li>
           <li>
             <span>学历</span><a ><select class="add-sele" >
                  <option disabled value="">请选择学历</option>
                  <option>专科</option>
                  <option>本科</option>
                  <option>研究生</option>
                  <option>博士</option>
                  </select>
                  </a>
           </li>
           <li>
             <span>所在部门</span><a ><select class="add-sele" >
                  <option disabled value="">请选择部门</option>
                  <option>A</option>
                  <option>B</option>
                  <option>C</option>
                  </select>
                  </a>
           </li>
           <li>
             <span>职务</span><a ><select class="add-sele" >
                  <option disabled value="">请选择职务</option>
                  <option>A</option>
                  <option>B</option>
                  <option>C</option>
                  </select>
                  </a>
           </li>
           <li>
             <span>民族</span><a ><select class="add-sele" >
                  <option disabled value="">请选择民族</option>
                  <option>A</option>
                  <option>B</option>
                  <option>C</option>
                  </select>
                  </a>
           </li>
           <li>
             <span>身份证号码</span>
            <a ><input type="text"></a>  
           </li>
           <li>
             <span>身高(CM)</span>
            <a ><input type="text"></a>  
           </li>
           <li>
             <span>政治面貌</span><a ><select  class="add-sele">
                  <option disabled value="">请选择政治面貌</option>
                  <option>党员</option>
                  <option>非党员</option>
                  </select>
                  </a>
           </li>
           <li>
             <span>邮箱</span><a ><input type="text" ></a>
           </li>
           <li>
             <span>掌握技能</span><a ><textarea class="add-texta"></textarea></a>
           </li>
         </ul>
       </div>
        <div class="clearflx"></div>
        <div class="add-botton">
          
            请上传头像：<input type="file" name="filename"><br>
            请上传简历：<input type="file" name="filename"><br>
             <input class="tianjia" type="submit" value="添加员工">
          
        </div>

        </form>
    </div>
  </div>
  
    
</template>

<script>

export default {
     name:'Addemp',
     data(){
      return{
       
      }
     },
     components: {
      
        }


}
</script>
<style >
.clearflx{
  clear: both;
}
.Addemp{
     margin: 0 auto;
  padding-top: 20px;
    width: 80%;
    background-color: #fff;
}
.add-left{
  float: left;
  width: 7rem;
  height: 400px;
}
.add-right{
  float: left;
  width: 7rem;
  height: 400px;
}
.add-ul{
  padding-top: 10px;
  position: relative;
}
.add-ul li {
  margin-top: .3rem;
  margin-left: .8rem;
}
.add-ul li a{
  position: absolute;
  right: .8rem;
}
.add-ul li a input,.add-texta,.add-sele{
  border: 1px solid #666;
}

.add-texta,.add-sele{
  width: 3.4rem;
}
.add-botton{
  width: 80%;

}
.tianjia{
  width: 1.4rem;
  height: .6rem;
  color: #fff;
  margin-left: 8rem;
  background-color: #1ab394;
  border-radius: 4px;
}
</style>